<template>
	<div id="InputType" class="flex-v page-content" style="flex:1;">
		<div class="page-title">
			请选择您要办理的业务类型
			<div class="page-timer">
				<Timer title="选择业务类型"></Timer>
			</div> 
		</div>
		
		<div class="flex" style="background-color: #F8F9FB; padding-top: 15rem; flex:1; align-items: flex-start;">
			<div style="flex:1;"></div>
			<img :src="imgFirst" @click="clickFirst" />
			<div style="flex:1;"></div>
			<img :src="imgChange" @click="clickChange" />
			<div style="flex:1;"></div>
			<img :src="imgAdd" @click="clickAdd" />
			<div style="flex:1;"></div>
		</div>
	</div>
</template>

<script>
	export default{
		data(){
			return { 
				imgFirst:'res/input/first.png',
				imgChange:'res/input/change.png',
				imgAdd:'res/input/add.png'
			}
		},
		methods:{ 
			clickFirst(){
				this.imgFirst = 'res/input/first-down.png';
				this.delayRun(()=>{
					this.$router.push({path: '/check/input/read-idcard'})
					this.send({name:'Select', type:'first',remark:'初次申领' }); 
				})
			},
			
			clickChange(){
				this.imgChange = 'res/input/change-down.png';
				this.delayRun(()=>{
					this.$router.push({path: '/check/input/read-idcard'})
					this.send({name:'Select', type:'change',remark:'期满换证' }); 
				})
			},
			
			clickAdd(){
				this.imgAdd = 'res/input/add-down.png'
				this.delayRun(()=>{
					this.$router.push({path: '/check/input/read-idcard'})
					this.send({name:'Select', type:'add',remark:'增驾录入' }); 
				})
			}
		}
	}
</script>

<style>
</style>
